<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<table width="670" border="0" cellpadding="3" cellspacing="0" id="tableformDangNhap">
    <tr>
        <td width="100%" class="tieude" >
            <a href="SanPhamNhieuNguoiQuanTam.jsp">SẢN PHẨM ĐANG ĐƯỢC NHIỀU NGƯỜI QUAN TÂM</a>
        </td>
    </tr>
    <tr>
        <!--Bắt đầu sản phẩm được nhiều người quan tâm-->
        <td >
            <table width="100%" border="0" cellspacing="0" cellpadding="5">
                <c:choose>
                    <c:when test="${dsspnnx.size()%3 ==0}" >
                        <c:set var="so_hang" value="${dsspnnx.size()/3}"/>
                    </c:when>
                    <c:when test="${dsspnnxnnx.size()%3 !=0}" >
                        <c:set var="so_hang" value="${dsspnnx.size()/3+1}"/>
                    </c:when>
                </c:choose>
                <c:forEach var="i" begin="0" end="${so_hang-1}" step="1">

                    <tr>
                    <c:set var="vtr_ketthuc" value="${i*3+3}"/>
                    <c:if test="${dsspnnx.size()<i*3+3}">
                        <c:set var="vtr_ketthuc" value="${dsspnnx.size()}"/>
                    </c:if>
                    <c:forEach var="t" begin="${i*3}" end="${vtr_ketthuc-1}" step="1">
                        <c:set var="sp" value="${dsspnnx.get(t)}"/>
                        <!--Bắt đầu 1 hàng-->
                        <td class="sanpham_cell" width="33%" align="center" valign="top">
                            <table border="0" width="100%">
                                <tr>
                                    <td class="tieude_cell" height="40px">
                                        <b><a href="index.jsp?MainContent=ChiTietSanPham&MaSanPham=${sp.maSanPham}" title="Click xem chi tiết sản phẩm" class="sanpham_link">
                                                ${sp.tenSanPham}</a></b>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="hinh_cell">
                                        <a href="index.jsp?MainContent=ChiTietSanPham&MaSanPham=${sp.maSanPham}">
                                            <img src="${sp.hinhAnh}" width="150" height="125" alt="Click để xem chi tiết"
                                                 />
                                        </a>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="center" clas="gia_cell">
                                <fmt:formatNumber type="currency" value="${sp.donGia}" />

                        </td>
                        </tr>
                        <tr >
                            <td  style="padding-left: 65px;">
                        <c:forEach var="p" begin="1" end="${sp.diemDanhGia}" step="1">
                            <div id="star-${p}" class="rating-on"></div>
                        </c:forEach>
                        <c:forEach var="p" begin="${sp.diemDanhGia}" end="4" step="1">
                            <div id="star-${p}" class="rating-off"></div>
                        </c:forEach>

                        </td>
                        </tr>
                        <tr>
                            <td align="center" clas="gia_cell" style="background-color:#cad9ed">
                                <a href="GioHang.do?Action=DatMua&MaSanPham=${sp.maSanPham}&SoLuong=1" style="color:#0762A2;"><input  type="button" value="" style="background-image:url(images/AddToCart_new.jpg); background-repeat:no-repeat; width:150px; height:30px;" /></a>
                            </td>
                        </tr>
                        </table>
                        </td>
                        <!--Những o ko co san pham-->

                    </c:forEach>
                    <c:forEach var="t" begin="${vtr_ketthuc}" end="${i*3+3}" step="1">

                        <td class="sanpham_cell" width="33%" align="center" valign="top">&nbsp;</td>
                    </c:forEach>
                    <!--Kết thúc 1 hàng-->
                    </tr>
                </c:forEach>
            </table>
        </td>
        <!--Kết thúc sản phẩm được nhiều người quan tâm-->
    </tr>
</table>
